<template #right>
	<van-nav-bar @click-left="onClickLeft" fixed="true" left-arrow>
		
	  <template #right>
		  
		<van-row>
		  <van-col span="3">
			  <van-icon name="ellipsis" size="22" @click="a()" />
			  </van-col>
		  <van-col span="15">  </van-col>
		  <van-col span="3"><van-icon name="cross" size="22" @click="b()" /></van-col>
		</van-row>
	    <div id="nav">
	    	  <van-tabbar border="true" fixed="true" v-model="active" route>
	    		  
	    	    <van-tabbar-item replace to="/MedicalCare_Home"  icon="home-o">首页</van-tabbar-item>
	    	   
	    	    <van-tabbar-item icon="manager-o" to="/MedicalCare_My">我的</van-tabbar-item>
	    	  </van-tabbar>
	      <router-view/>
	    </div>
		
	  </template>
	</van-nav-bar>
	<div>
		<van-row>
		  <van-col span="6">
			  <div style="margin-top:3rem;">
			  				  <van-image
			  				    round
			  				    width="5rem"
			  				    height="5rem"
			  				    src="https://img.yzcdn.cn/vant/cat.jpeg"
			  				  />
			  </div>
		  </van-col>
		  <van-col span="6"> {{nickname}} </van-col>
		</van-row>
		
	</div>
	
	<div style="border:1.2px solid #F0F8FF">
		<van-row>
		  <van-col span="6">
			 <div style="text-align: left;font-size: 1.2rem;font-weight: bolder;">我的订单
			 </div>
			  </van-col>
		  <van-col span="12"></van-col>
		  <van-col span="6"><div style="text-align: right; font-size: 0.9rem;color:darkgray;">更多>></div></van-col>
		</van-row>
		
		
		<van-divider />
		<van-grid>
		  <van-grid-item icon="idcard" text="待付款" />
		  <van-grid-item icon="completed" text="已完成" />
		  <van-grid-item icon="passed" text="待付款" />
		  <van-grid-item icon="cash-back-record" text="退款/售后" />
		</van-grid>
	</div>
	
	<div style="margin-top: 3rem;border:1.2px solid #F0F8FF">
		<div style="text-align: left;font-size: 1.2rem;font-weight: bolder;">我的服务
		</div>
		<van-divider />
		<van-grid>
		  <van-grid-item icon="diamond-o" text="我的权益" />
		  <van-grid-item icon="notes-o" text="报告" />
		  <van-grid-item icon="description" text="报告解读" />
		  <van-grid-item icon="service-o" text="在线客服" />
		</van-grid>
	</div>
	
</template>

<script>
	export default {
	  setup() {
	    const onClickLeft = () => history.back();
	    // const onClickRight = () => Toast('按钮');
	    return {
	      onClickLeft,
	      // onClickRight,
	    };
	  },
	  methods:{
		  
		  a(){
			  this.$toast.success('分享');
			  
		  },
		  b(){
			  this.$toast.success('关闭');
		  }
	  }
	};
</script>

<style>
	
</style>
